'use client'
import lang from "@/app/i18n"
import Banner from "../../../components/banner"
import PublicizeTitle from "../../../components/publicizeTitle"
import BtPublicize from "../../../components/bt-publicize"
import AppBlock from "@/app/components/app-block"
import Price from "@/app/components/price"
import { Button, Tab, Tabs } from "@nextui-org/react"
import CommentList from "@/app/components/comment-list"
import QuestionBlock from "@/app/components/question-block"
import Course from "@/app/components/course"
export default function CoursePage({params:{ lng }}){
    const PersonMessages =[{
        text: [
            lang('Home.Person.first',lng),
            lang('Home.Person.second',lng),
            lang('Home.Person.third',lng),
            lang('Home.Person.fourth',lng)
        ],
        link: {
            more: 'https://app.ithinkai.cn',
            try: 'https://app.ithinkai.cn'
        }
        },
        {
        text: [
            lang('Home.Market.first',lng),
            lang('Home.Market.second',lng),
            lang('Home.Market.third',lng),
            lang('Home.Market.fourth',lng)
        ],
        link: {
            more: 'https://app.ithinkai.cn',
            try: 'https://app.ithinkai.cn'
        }
        },
        {
        text: [
            lang('Home.business.first',lng),
            lang('Home.business.second',lng),
            lang('Home.business.third',lng),
            lang('Home.business.fourth',lng)
        ],
        link: {
            more: 'https://app.ithinkai.cn',
            try: 'https://app.ithinkai.cn'
        }
        },
        {
        text: [
            lang('Home.Course.first',lng),
            lang('Home.Course.second',lng),
            lang('Home.Course.third',lng),
            lang('Home.Course.fourth',lng)
        ],
        link: {
            more: 'https://app.ithinkai.cn',
            try: 'https://app.ithinkai.cn'
        }
        },
        {
        text: [
            lang('Home.hardware.first',lng),
            lang('Home.hardware.second',lng),
            lang('Home.hardware.third',lng),
            lang('Home.hardware.fourth',lng)
        ],
        link: {
            more: 'https://app.ithinkai.cn',
            try: 'https://app.ithinkai.cn'
        }
    }]
    const AppList = [
        {
          image: "/appBlock.png",
          title: "爆款标题生成"
        },
        {
          image: "/appBlock.png",
          title: "批量去水印"
        },
        {
          image: "/appBlock.png",
          title: "批量文案提取"
        },
        {
          image: "/appBlock.png",
          title: "实时爆文检索"
        },
        {
          image: "/appBlock.png",
          title: "模板配图"
        },
        {
          image: "/appBlock.png",
          title: "自定义模板"
        },
        {
          image: "/appBlock.png",
          title: "视频文案提取"
        },
        {
          image: "/appBlock.png",
          title: "分镜头脚本生成"
        },
        {
          image: "/appBlock.png",
          title: "爆文仿写"
        },
        {
          image: "/appBlock.png",
          title: "文案转口播稿"
        },
        {
          image: "/appBlock.png",
          title: "一键 PPT 图文"
        },
        {
          image: "/appBlock.png",
          title: "评论模拟"
        },
    ]  
    const commentList = [
    {
        avatar: '/avatar.png',
        starNum: 3,
        nickname: '飞鹰',
        use: 2000,
        vipType: "个人高级会员",
        comment: "找到这款 AI 神器真的帮助我提高太多效率了吧， 尤其是 一键 Agent的功能，让我做小红书文案省了不少时间，点赞👍👍"
    },
    {
        avatar: '/avatar.png',
        starNum: 3,
        nickname: '飞鹰',
        use: 2000,
        vipType: "个人高级会员",
        comment: "找到这款 AI 神器真的帮助我提高太多效率了吧， 尤其是 一键 Agent的功能，让我做小红书文案省了不少时间，点赞👍👍"
    },
    {
        avatar: '/avatar.png',
        starNum: 3,
        nickname: '飞鹰',
        use: 2000,
        vipType: "个人高级会员",
        comment: "找到这款 AI 神器真的帮助我提高太多效率了吧， 尤其是 一键 Agent的功能，让我做小红书文案省了不少时间，点赞👍👍"
    },
    {
        avatar: '/avatar.png',
        starNum: 3,
        nickname: '飞鹰',
        use: 2000,
        vipType: "个人高级会员",
        comment: "找到这款 AI 神器真的帮助我提高太多效率了吧， 尤其是 一键 Agent的功能，让我做小红书文案省了不少时间，点赞👍👍找到这款 AI 神器真的帮助我提高太多效率了吧， 尤其是 一键 Agent的功能，让我做小红书文案省了不少时间，点赞👍👍"
    },
    {
        avatar: '/avatar.png',
        starNum: 3,
        nickname: '飞鹰',
        use: 2000,
        vipType: "个人高级会员",
        comment: "找到这款 AI 神器真的帮助我提高太多效率了吧， 尤其是 一键 Agent的功能，让我做小红书文案省了不少时间，点赞👍👍"
    },
    {
        avatar: '/avatar.png',
        starNum: 3,
        nickname: '飞鹰',
        use: 2000,
        vipType: "个人高级会员",
        comment: "找到这款 AI 神器真的帮助我提高太多效率了吧， "
    },
    {
        avatar: '/avatar.png',
        starNum: 3,
        nickname: '飞鹰',
        use: 2000,
        vipType: "个人高级会员",
        comment: "找到这款 AI 神器真的帮助我提高太多效率了吧， 尤其是 一键 Agent的功能，让我做小红书文案省了不少时间，点赞👍👍"
    },
    {
        avatar: '/avatar.png',
        starNum: 3,
        nickname: '飞鹰',
        use: 2000,
        vipType: "个人高级会员",
        comment: "找到这款 AI 神器真的帮助我提高太多效率了吧， 尤其是 一键 Agent的功能，让我做小红书文案省了不少时间，点赞👍👍"
    },
    {
        avatar: '/avatar.png',
        starNum: 3,
        nickname: '飞鹰',
        use: 2000,
        vipType: "个人高级会员",
        comment: "找到这款 AI 神器真的帮助我提高太多效率了吧， 尤其是 一键 Agent的功能，让我做小红书文案省了不少时间，点赞👍👍"
    }
    ]
    const priceList = [
        {
            number: 88,
            unit: "月",
            day_num: "2.9",
            placeholder: "套餐一个月内有效，3.5, 多模型不限次数。",
            otherTips: "👑 原价 99 💎， 新人优惠立减 2 💎",
            business: [
                {
                    title: '文言一心， iThinkAi 3.5 无限次免费使用。'
                },
                {
                    title: '可以免费激活 5 个免费应用。'
                },
                {
                    title: '赠送 4.0 使用次数 1 次'
                },
                {
                    title: '赠送 i3 绘图赠送 1 次'
                },
                {
                    title: '支持 1 台设备登陆'
                },
                {
                    title: '批量模式数量为 2'
                },
                {
                    title: '文案容量 50 篇'
                },
                {
                    title: '图片存储容量 30 张'
                },
                {
                    title: '激活通用知识库'
                },
                {
                    title: '开通自动发文功能'
                },
                {
                    title: '开通模板配图功能'
                },
                {
                    title: '开通图生图功能'
                }
            ]
        },
        {
            number: 249,
            unit: "季度",
            day_num: "2.8",
            placeholder: "套餐一个月内有效，3.5, 多模型不限次数。",
            otherTips: "👑 原价 99 💎， 新人优惠立减 2 💎",
            business: [
                {
                    title: '文言一心， iThinkAi 3.5 无限次免费使用。'
                },
                {
                    title: '可以免费激活 5 个免费应用。'
                },
                {
                    title: '赠送 4.0 使用次数 1 次'
                },
                {
                    title: '赠送 i3 绘图赠送 1 次'
                },
                {
                    title: '支持 1 台设备登陆'
                },
                {
                    title: '批量模式数量为 2'
                },
                {
                    title: '文案容量 50 篇'
                },
                {
                    title: '图片存储容量 30 张'
                },
                {
                    title: '激活通用知识库'
                },
                {
                    title: '开通自动发文功能'
                },
                {
                    title: '开通模板配图功能'
                },
                {
                    title: '开通图生图功能'
                }
            ]
        },
        {
            number: 458,
            unit: "半年",
            day_num: "2.7",
            placeholder: "套餐一个月内有效，3.5, 多模型不限次数。",
            otherTips: "👑 原价 99 💎， 新人优惠立减 2 💎",
            business: [
                {
                    title: '文言一心， iThinkAi 3.5 无限次免费使用。'
                },
                {
                    title: '可以免费激活 5 个免费应用。'
                },
                {
                    title: '赠送 4.0 使用次数 1 次'
                },
                {
                    title: '赠送 i3 绘图赠送 1 次'
                },
                {
                    title: '支持 1 台设备登陆'
                },
                {
                    title: '批量模式数量为 2'
                },
                {
                    title: '文案容量 50 篇'
                },
                {
                    title: '图片存储容量 30 张'
                },
                {
                    title: '激活通用知识库'
                },
                {
                    title: '开通自动发文功能'
                },
                {
                    title: '开通模板配图功能'
                },
                {
                    title: '开通图生图功能'
                }
            ]
        },
        {
            number: 888,
            unit: "1年",
            day_num: "2.6",
            placeholder: "套餐一个月内有效，3.5, 多模型不限次数。",
            otherTips: "👑 原价 99 💎， 新人优惠立减 2 💎",
            business: [
                {
                    title: '文言一心， iThinkAi 3.5 无限次免费使用。'
                },
                {
                    title: '可以免费激活 5 个免费应用。'
                },
                {
                    title: '赠送 4.0 使用次数 1 次'
                },
                {
                    title: '赠送 i3 绘图赠送 1 次'
                },
                {
                    title: '支持 1 台设备登陆'
                },
                {
                    title: '批量模式数量为 2'
                },
                {
                    title: '文案容量 50 篇'
                },
                {
                    title: '图片存储容量 30 张'
                },
                {
                    title: '激活通用知识库'
                },
                {
                    title: '开通自动发文功能'
                },
                {
                    title: '开通模板配图功能'
                },
                {
                    title: '开通图生图功能'
                }
            ]
        }
    ]
    const CourseList = [
        {
          tips: "iThinkAi 官方出品",
          avatar: [
            '/avatar.png',
            '/avatar.png',
            '/avatar.png',
            '/avatar.png'
          ],
          image: '/course.png',
          title: "小红书入门运营课程",
          registerNum: 100
        },
        {
          tips: "iThinkAi 官方出品",
          avatar: [
            '/avatar.png',
            '/avatar.png',
            '/avatar.png',
            '/avatar.png'
          ],
          image: '/course.png',
          title: "小红书进阶运营课程",
          registerNum: 100
        }
      ]
    const questionList = [
        {
          question: "购买了会员可以退款吗？",
          answer: "iThinkAi是虚拟物品， 目前 iThinkAi 暂时不支持 7 天退款，但是支持用户修改套餐。 "
        },
        {
          question: "购买了会员可以退款吗？",
          answer: "iThinkAi是虚拟物品， 目前 iThinkAi 暂时不支持 7 天退款，但是支持用户修改套餐。 "
        },
        {
          question: "购买了会员可以退款吗？",
          answer: "iThinkAi是虚拟物品， 目前 iThinkAi 暂时不支持 7 天退款，但是支持用户修改套餐。 "
        },
        {
          question: "购买了会员可以退款吗？",
          answer: "iThinkAi是虚拟物品， 目前 iThinkAi 暂时不支持 7 天退款，但是支持用户修改套餐。 "
        }
      ]
    return (
        <div className="w-screen">
       <Banner imageUrl="/default-banner.png" imageText={lang('banner.Home',lng)}></Banner>
        <div className="publicize-container flex items-center justify-center w-screen min-h-screen mt-[204px] ">
            <PublicizeTitle title={lang('Home.Person.title',lng)} subTitle={lang('Home.Person.subTitle',lng)}>
            <BtPublicize type="right" messages={PersonMessages[0]}></BtPublicize>
            </PublicizeTitle>
        </div>
        <div className="publicize-container flex items-center justify-center w-screen min-h-screen mt-[258px]">
            <PublicizeTitle title={lang('Home.Market.title',lng)} subTitle={lang('Home.Market.subTitle',lng)}>
            <BtPublicize type="left" messages={PersonMessages[1]}></BtPublicize>
            </PublicizeTitle>
        </div>
        <div className="publicize-container flex items-center justify-center w-screen min-h-screen">
            <PublicizeTitle title={lang('Person.MediaWork.title',lng)} subTitle={lang('Person.MediaWork.title',lng)}>
            <div className="flex justify-center items-center mt-[86px] flex-col">
                <Course list={CourseList}></Course>
            </div>
            </PublicizeTitle>
        </div>
        <div className="publicize-container flex items-center justify-center w-screen min-h-screen mt-[234px]">
        <PublicizeTitle title={lang('Person.MediaWork.title',lng)} subTitle={lang('Person.MediaWork.title',lng)}>
            <div className="flex justify-center items-center mt-[60px] flex-col">
                <AppBlock list={AppList}></AppBlock>
                <div className="button_group flex justify-center mt-[43px]">
                <Button color="primary" radius="full" size="lg" className="px-[56px] py-[16px] text-[28px] leading-none h-auto">去试试</Button>
                </div>
            </div>
            </PublicizeTitle>
        </div>
        <div className="publicize-container flex items-center justify-center w-screen min-h-screen mt-[242px]">
            <PublicizeTitle title={lang('Person.MediaWork.title',lng)} subTitle={lang('Person.MediaWork.title',lng)}>
            <div className="mt-[78px]">
                <CommentList list={commentList}></CommentList>
                <div className="button_group flex justify-center mt-[63px]">
                <Button color="primary" radius="full" size="lg" className="px-[56px] py-[16px] text-[28px] leading-none h-auto">去试试</Button>
                </div>
            </div>
            </PublicizeTitle>
        </div>
        <div className="publicize-container flex items-center justify-center w-screen min-h-screen mt-[136px] mb-[101px]">
        <PublicizeTitle title={lang('Person.MediaWork.title',lng)} subTitle={lang('Person.MediaWork.title',lng)}>
          <div className="mt-[32px]">
              <QuestionBlock list={questionList}>
              </QuestionBlock>
          </div>
        </PublicizeTitle>
      </div>
    </div>
    )
}